<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style>
body {
	margin: 0;
	font-size: 12px;
}

.order-table thead tr {
	background-color: #E2F2FF;
	text-align: center;
	height: 40px;
}

.order-table thead th {
	text-align: center;
	color: #404040;
	border-top: 3px solid #A7CBFF;
}

.order-table tbody td {
	padding: 5px;
	text-align: center;
	border-top: 1px solid #D1EBFF;
	border-bottom: 1px solid #D1EBFF;
}

.order-table tbody td.s-amount a {
	display: inline-block;
	width: 9px;
	height: 9px;
	line-height: 9px;
	text-align: center;
	background: white;
	font-family: arial;
	overflow: hidden;
	color: #555;
	border: 1px solid #DBDBDB;
	margin: 5px 0 0;
	border-image: initial;
}

.order-table tbody td.s-amount a.minus {
	text-indent: 1px;
	margin-right: 3px;
	margin-left: 0;
}

a:hover {
	text-decoration: underline;
}

.detail-table {
	width: 100%;
	margin: 10px 0 10px 0px;
	margin-left: 10px
}
</style>

<script type="text/javascript">
	function confirmOrder(){
		return confirm("确定订单接收！");
	}
</script>

<body>
	<div class="helpTitle">
		<h1>订单管理>订单详情</h1>
	</div>
	<table class="detail-table" cellspacing="1" cellpadding="1">
		<tr>
			<td>订单编号：<font style="color: red"><s:property
						value="order.serialNum" /> </font>
			</td>
			<td>创建时间：<s:date name="order.createTime"
					format="yyyy-MM-dd HH:ss:mm" /></td>
			<td>结束时间： <s:date name="order.modifyTime"
					format="yyyy-MM-dd HH:ss:mm" /></td>
		</tr>
		<tr>
			<td>客户信息：<s:property value="order.customer.name" />
			</td>
			<td>总金额:<font style="color: red"><s:property
						value="order.cost" />元</font></td>
			<td>派送地址:<s:property value="order.area" /></td>
		</tr>

	</table>
	<table class="order-table" cellspacing="0" cellpadding="0"
		style="width: 100%">
		<thead>
			<tr>
				<th>序号</th>
				<th>名称</th>
				<th>菜单</th>
				<th>价格</th>
				<th>份数</th>
			</tr>
		</thead>
		<tbody>
			<s:iterator value="order.orderProducts" status="rowstatus">
				<tr>
					<td><s:property value="#rowstatus.index+1" /></td>
					<td><s:property value="product.name" /></td>
					<td><img
						src="${pageContext.request.contextPath}/<s:property value="product.productFile.urlPath"/>"
						width="129px" height="44px" /></td>
					<td class="s-amount"><s:property value="piece" /></td>
					<td><s:property value="product.price" /></td>
				</tr>
			</s:iterator>
		</tbody>
		<tr>
			<td colspan="5" align="right" style="text-align: right"><s:if
					test="%{order.state.key=='SEND'}">
					<font style="color: red"> <s:a action="customer"
							namespace="/web" method="confirmOrder"
							onclick="return confirmOrder()">
										确认
								<s:param name="order.id" value="order.id"></s:param>
						</s:a> </font>
				</s:if> <s:a action="%{actionName}!listOrders" namespace="%{nameSpace}">
					<s:property value="%{getText('common.text.back')}" />
					<s:param name="page.currentPageNum" value="%{page.currentPageNum}"></s:param>
				</s:a>
			</td>
		</tr>
	</table>

</body>
</html>